<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title> List Book Tour</title>
<link href="css/java_tech_css.css" rel="stylesheet" type="text/css" />
<style type="text/css">
table.tlisttourbook {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #999999;
	border-collapse: collapse;
}
table.tlisttourbook th {
	background:#b5cfd2 url('cell-blue.jpg');
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #999999;
}
table.tlisttourbook td {
	background:#dcddc0 url('cell-grey.jpg');
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #999999;
}
</style>
</head>
<body>
    <div id="container">
		<div class="clear"></div>
		<div class="main-content">
			<h3> List Book Tour </h3> <br>		
		</div>		
		<form name="listbooktour" action="listbooktour" method="post">	
		    <input type="submit" name="submit" value="click here to show list book tour" style="background-color: #696969">
		    <table border="1" width="100%" class="tlisttourbook">		    
	            <tr> 
	                <th> userName </th>
	                <th> tourName </th>
	                <th> place </th>
	                <th> startDate </th>
	                <th> endDate </th>
	                <th> numberOfSlot </th>
	                <th> bookingDay </th>
	            </tr>
	            
	            <s:iterator value="listBookTours" status="indice">
	                <tr> 		                
                        <s:iterator value="listBookTours[#indice.index].visitor">
                    			<td> <s:property value="%{userName}"/> </td> 
                			</s:iterator>
                        <s:iterator value="listBookTours[#indice.index].tour">
                    			<td> <s:property value="%{tourName}"/> </td> 
                    			<td> <s:property value="%{place}"/> </td> 
                    			<td> <s:property value="%{startDate}"/> </td> 
                    			<td> <s:property value="%{endDate}"/> </td> 
                			</s:iterator>                 			
		                <td> <s:property value="%{numberOfSlot}" /> </td>
		                <td> <s:property value="%{bookingDay}" /> </td>		                
	                </tr>
	            </s:iterator>		        	            

		    </table>		
		</form>
	</div>
</body>
</html>